<template>
  <div class="lineMsg">
    <div class="line"></div>
    <div class="line_text">
      <slot name="text"></slot>
    </div>
    <div class="line"></div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        msg: 'hello vue'
      }
    }
  }
</script>

<style lang="scss" rel="stylesheet/scss" scoped>
  .lineMsg {
    display: flex;
    .line{
      flex: 1;
      position: relative;
      top: -7px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    .line_text {
      padding: 0 12px;
      font-weight: 700;
      font-size: 14px;
    }
  }
</style>